iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0
Mobile Development

Android Studio初學系列 第 2

Android Studio初學 DAY2 TextView與EditText元件

  • 分享至 

  • xImage
  •  

TextView 和 EditText 是兩種常見的 UI 元件,分別用於顯示文本和讓用戶輸入文本。以下是它們的簡單介紹:

  1. TextView:
    TextView 是一個用於顯示文本內容的 UI 元件。你可以在布局中將 TextView 放置在屏幕上的任何位置,並且可以設置不同的文字、字體、大小、顏色等屬性。

範例 XML 佈局中的 TextView:

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        tools:layout_editor_absoluteX="137dp"
        tools:layout_editor_absoluteY="228dp" />

在程式碼中先設定一個變數,並綁定此TextView,就可以去設定這個TextView了

        textView = findViewById(R.id.textView);
        textView.setText("Test Text");
  1. EditText
    EditText 是可以讓用戶輸入文本的元件,常常用在像是登入的帳號密碼、搜尋

範例 XML 佈局中的 EditText:

    <EditText
        android:id="@+id/editTextText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="text"
        android:text=""
        android:hint="請輸入帳號"
        tools:layout_editor_absoluteX="52dp"
        tools:layout_editor_absoluteY="342dp" />

可以看到中間有一行hint,這是一種常見的用法,他可以提示用戶在這個空格內需要輸入什麼

像是上圖這樣呈現

要使用EditText一樣要先去綁定,綁定完之後就可以使用囉/images/emoticon/emoticon07.gif!!

        editText = findViewById(R.id.editTextText);

上一篇
Android Studio初學 DAY1 前言
下一篇
Android Studio初學 DAY3 Button元件
系列文
Android Studio初學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言